隆Hola 馃憢! Espera mientras comienza la sesi贸n.
Antes que todo, 驴c贸mo est谩n?
Visualizaci贸n de Informaci贸n
IIC2026 2021-2
Percepci贸n
Visualizaci贸n de Informaci贸n
IIC2026 2021-2
Contenido
Contenido
1. Percepci贸n visual
2. Atenci贸n preatentiva y organizaci贸n perceptiva
3. Magnitud sensorial y juicio relativo
4. Criterios de an谩lisis de canales
Codificaci贸n visual y de interacci贸n
- Definir el c贸mo.
- Idiom: enfoque distintivo de codificar informaci贸n o manipularla.
- Hay decisiones visuales y decisiones de interacci贸n.
Principio de expresividad
Principio de efectividad
Principio de expresividad
Naturaleza de codificaci贸n ~ Naturaleza de dato
Principio de efectividad
La importancia de un atributo debe corresponder a la prominencia del canal utilizado, es decir, cuan perceptible es.
Ranking de canales
(Fuente: Libro "Visualization, Analysis and Design" )
Fen贸nemos de experiencia humana
- Percepci贸n visual
- Atenci贸n preatentiva
- Organizaci贸n perceptiva
- Magnitud sensorial
- Juicio relativo
Fen贸nemos de experiencia humana
- Percepci贸n visual
- Atenci贸n preatentiva
- Organizaci贸n perceptiva
- Magnitud sensorial
- Juicio relativo
Estas son una generalizaci贸n de la experiencia humana, pero siempre hay excepciones.
Criterios de an谩lisis de canales
Exactitud
Discriminalidad
Separabilidad
Pop out
Agrupaci贸n
隆Mini actividad grupal!
隆Mini actividad grupal!
Nos separaremos en grupos brevemente (5 minutos de discusi贸n) para hacer cr铆ticas sobre algunos casos de visualizaciones.
隆Mini actividad grupal!
Nos separaremos en grupos brevemente (5 minutos de discusi贸n) para hacer cr铆ticas sobre algunos casos de visualizaciones.
Deben consensuar como grupo y definir una cr铆tica por caso. Aspectos a considerar en cada cr铆tica:
- Debe hacer referencia a alguno de los criterios de an谩lisis de canales (exactitud, discriminalidad, separabilidad, pop out o agrupaci贸n)
- Puede ser tanto positiva como negativa. Un caso aplica un criterio de forma adecuada o correcta, o lo contrario.
Discutiremos en grupo luego sus cr铆ticas.
隆Mini actividad grupal!
Ejemplo: Este caso presenta buen uso de pop-out, ya que usa saturaci贸n de color para llamar la atenci贸n a ciertas secciones de forma preatentiva.
Ejemplo: Este caso podr铆a mejorar en t茅rminos de exactitud, utiliza 谩rea para codificar un atributo relevante en el caso en vez de un canal m谩s efectivo como el largo unidimensional.
Caso 1
(Fuente: Publicaci贸n en WTFViz )
Caso 2
(Fuente: Herramienta Gapminder )
Caso 3
(Fuente: Publicaci贸n en WTFViz )
Caso 4 (Visualizaci贸n del d铆a)
(Fuente: Publicaci贸n en Instagram de datasapies )
Pr贸ximos eventos:
Recuerden responder los Cuestionarios asociados a esta semana y anteriores.
Jueves 2 de septiembre se publica enunciado de Entrega 1.
Jueves 9 de septiembre se publica enunciado de Hito 1.
Pr贸ximamente: Introducci贸n a JavaScript y D3.js (jueves 2 de septiembre).